import './TabBtn.less';


interface TabBtnProps {
  className?: string
  select?: boolean
  onClick?: () => void
}

 const TabBtn: React.FC<TabBtnProps> = (props) => {

  const { className, children, select, onClick } = props

  let css = className !== undefined ? `a-tab-btn ${className}` : 'a-tab-btn'
  css = select ? `${css} a-tab-btn-select` : css

  // const handleBtnClick = () => 

  return (
    <div className={css} onClick={onClick} >
      {children}
    </div>
  )
}

export default TabBtn